<template>
    <div>
      <mavon-editor
        :value="article.context"
        defaultOpen="preview"
        :boxShadow="false"
        style="z-index:1;"
        :editable="false"
        :subfield="false"
        :toolbarsFlag="false"
      >
      </mavon-editor>
      <div id="test">
        <el-button type="primary" size="mini" icon="el-icon-caret-top" style="margin:30px 200px" plain>5  赞同</el-button>
      </div>
      <el-backtop></el-backtop>
    </div>
</template>

<script>
    export default {
        name: "First",
      data(){
          return{
            article: {}
          }
      },methods:{},
      created() {
          this.$http.get("http://localhost:8081/article/article/1").then(resp => {
            this.article = resp.data;
          })
      }
    }
</script>

<style scoped>
  #test{
    width: 100%;
    height: 80px;
    position:fixed;
    left:0px;
    bottom:0px;
    z-index:999;
    background: white;
  }
</style>
